@import '../variable.scss';
.about-us {
  .top-background{
    width:100%;
    height:52vh;
    background: linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.35)),url('../../assets/image/aboutUs/aboutUs_background1.png');
    background-repeat:no-repeat;
    background-size: cover;
    background-position:center;
    display: flex;
    align-items: center;
    justify-content:center;
    text-align: center;
    font-size:30px;
    color: #ffffff;
  }
  .bottom-background{
    width:100%;
    height:400px;
    background: url('../../assets/image/aboutUs/bottom_background.png') 50%;
    background-repeat:no-repeat;
    background-size: cover;
    position: relative;
    background-position:center;
    display: flex;
    align-items: center;
    justify-content:center;
    flex-direction: column;
  }
  .top-background-opacity {
    width: 100%;
    height:auto;
    position: absolute;
    background-color: #000000;
    opacity: 0.35;
    top:0
  }
  .top-background-text{

  }
  .main-container {
    display: flex;
    align-items: center;
    justify-content:center;
    flex-direction: column;
  }
  .bottom-container {
    display: flex;
    align-items: center;
    justify-content:center;
    flex-direction: column;
  }
  .second-container{
    padding:90px 0;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content:center;
  }

  .second-container-inner {
    width: 1075px;
  }
  .green-tab {
    width: 88px;
    height: 4px;
    background-color: #26b597;

  }
  .second-container-inner-title {
    margin-top: 22px;
    font-size: 36px;
    margin-bottom:30px;
    color: #333333;
  }
  .second-container-inner-content {
    font-size: 16px;
    color: #333333;
    line-height: 28px;
  }
  .third-container{
    padding:90px 0 130px 0;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content:center;
  }
  .third-container-inner {
    width: 1075px;
  }
  .green-text{
    font-size: 24px;
    color: #26b597;
  }
  .bolder-text{
    font-size: 24px;
    color: #333333;
  }
  .third-container-inner-content{
    font-size: 16px;
    color: #333333;

  }
  .third-container-inner-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 44px;
  }
  .third-container-inner-list-img {
    max-width: 216px;
    max-height:150px
  }
  .third-container-inner-list-item {
    width:50%;
    display: flex;
  }
  .third-container-inner-list-item-right {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 36px;
  }
  .third-container-inner-list-item-title {
    font-size: 16px;
    color: #26b597;
    margin-bottom: 19px;
  }
  .third-container-inner-list-item-text {
    font-size: 16px;
    line-height: 28px;
    color: #333333;
  }
  .bottom-background-text {
    font-size: 30px;
    line-height: 46px;
    color: #ffffff;
    width:1075px;
  }
}
